<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预售首页</title>
	<link rel="icon" href="../commonImg/favicon.ico">
	<!-- <link rel="stylesheet" href="../css/init.css"> -->
	<link rel="stylesheet" type="text/css" href="../css/commonCss.css"/>
</head>

<body>

		<!--头部信息 begin-->
		<div class="myHeader">
			<div class="header">
				<div class="header_con"
					style="width: 100%; height: 31px; background-color: #eee; z-index: 12; position: relative;">
					<!--      地区注册 导航等....-->
					<div class="site-nav" style="width: 1200px; margin:0 auto;">
						<div class="fl ml10">
							<div class="city-choice" style="position: relative;">
								<!--  地图-->
								<div class="dsc-choie dsc-cm" style="z-index: 998;">
									<i class="iconfont">&#xe634;</i>
									<span class="ui-areamini-text fz12">郑州市</span>
								</div>
								<!-- 地图整体内容-->
								<div class="dorpdown-layer" style="left: 0px; z-index: 997;">
									<div class="ui-areamini-content-wrap fz12">
										<!-- 热门城市 -->
										<div class="hot">
											<a href="javascript:void(0);">苏州市</a>
											<a href="javascript:void(0);">北京市</a>
											<a href="javascript:void(0);">天津市</a>
											<a href="javascript:void(0);">上海市</a>
										</div>
										<!-- 字母导航 -->
										<div class="search-first-letter">
										</div>
										<!-- 具体城市 -->
										<div class="scrollBody">
											<!-- 所有城市的列表 -->
											<div class="all-list">
												<ul>

												</ul>
											</div>
											<!-- 滚动 -->
											<div class="scrollBar">
												<div class="city_bar"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 登录注册 -->
							<div class="txt-info fz12">
								<a href="./login.html" class="link-login red">请登录</a>
								<a href="./register.html" class="link-regist">免费注册</a>
							</div>
						</div>
						<!-- 右边的导航 -->
						<ul class="quick-menu fr fz12">
							<li>
								<div class="dt">
									<a href="javascript:void(0)">我的订单</a>
								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<div class="dt">
									<a href="javascript:void(0)">我的浏览</a>
								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<div class="dt">
									<a href="javascript:void(0)">我的收藏</a>
								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<div class="dt">
									<a href="javascript:void(0)">客户服务</a>
								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<div class="dt dsc-cm">
									网站导航
									<i class="iconfont icon-down">&#xe600;</i>
								</div>
								<div class="dd dorpdown-layer">
									<dl class="fore1">
										<dt>特色主题</dt>
										<dd>
											<div class="item">
												<a href="javascript:void(0);"></a>
											</div>
											<div class="item">
												<a href="javascript:void(0);">男装女装</a>
											</div>
											<div class="item">
												<a href="javascript:void(0);">鞋靴箱包</a>
											</div>
										</dd>
									</dl>
									<dl class="fore2">
										<dt>促销活动</dt>
										<dd>
											<div class="item"><a href="javascript:void(0);">拍卖活动</a></div>
											<div class="item"><a href="javascript:void(0);">共创商品</a></div>
											<div class="item"><a href="javascript:void(0);">积分商城</a></div>
											<div class="item"><a href="javascript:void(0);">CMS频道</a></div>
											<div class="item"><a href="javascript:void(0);">优惠活动</a></div>
											<div class="item"><a href="javascript:void(0);">超值礼包</a></div>
											<div class="item"><a href="javascript:void(0);">优惠券</a></div>
											<div class="item"><a href="javascript:void(0);">礼品卡</a></div>
											<div class="item"><a href="javascript:void(0);">预售商品</a></div>
										</dd>
									</dl>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="w w1200 clearfix">
					<!--    logo-->
					<div class="logo">
						<a href="../index.html" style="width: 159px; height: 100px;">
							<img src="../commonImg/shop_logo.gif" alt="">
						</a>
					</div>
					<!--    头部内容-->
					<div class="header_con">

						<!-- 搜索框 -->
						<div class="dsc-search">
							<div class="form">
								<form action="javascript:void(0);" class="search-form">
									<input type="text" placeholder="周大福" class="search-text">
									<button class="button button-goods">搜商品</button>
									<button class="button button-store">搜店铺</button>
								</form>
								<ul class="keyword fz12">
									<li>
										<a href="javascript:void(0);">
											周大福
										</a>
									</li>
									<li>
										<a href="javascript:void(0);">
											内衣
										</a>
									</li>
									<li>
										<a href="javascript:void(0);">
											Five Plus
										</a>
									</li>
									<li>
										<a href="javascript:void(0);">
											手机
										</a>
									</li>
								</ul>
							</div>
						</div>
						<!-- 购物车小型 -->
						<div class="shopCart fz12">
							<div class="shopCart-con dsc-cm">
								<a href="javscript:void(0);">
									<i class="iconfont icon-carts">&#xe63f;</i>
									<span>我的购物车</span>
									<em class="count cart_num">0</em>
								</a>
							</div>
							<div class="dorpdown-layer" style="right: 63px; top: 54px;">
								<div class="prompt">
									<div class="nogoods">
										<b></b>
										<span>购物车中还没有商品，赶紧选购吧！</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--头部信息 end-->
		</div>
   
   
   
   
   
   
   
   
   
   
    <!-- 导航区域 -->
    <div class="nav-s dsc-zoom-s presale-css-s">
        <div class="w w1200 preSale-s">
            <div class="categorys-s site-mast-s">
                <div class="categorys-type-s" id="presale-s">
                    <a href="../index.html" target="_blank">全部商品分类</a>
                </div>
                <!-- 侧边导航 -->
                <div class="categorys-tab-content-s" id="categorys-presale-s">
                    <div class="categorys-items-s" id="cata-nav-s">
                        <div class="item-s categorys-item-s" ectype="cateItem">
                            <div class="item-content-s">
                                <i class="pre-icon-s pre1-s"></i>
                                <div class="categorys-title-s">
                                    <strong>
                                        <a href="">智娱智乐</a>
                                    </strong>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="item-s categorys-item-s" ectype="cateItem">
                            <div class="item-content-s">
                                <i class="pre-icon-s pre2-s"></i>
                                <div class="categorys-title-s">
                                    <strong>
                                        <a href="">手机通讯</a>
                                    </strong>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="item-s categorys-item-s" ectype="cateItem">
                            <div class="item-content-s">
                                <i class="pre-icon-s pre3-s"></i>
                                <div class="categorys-title-s">
                                    <strong>
                                        <a href="">电脑数码</a>
                                    </strong>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="item-s categorys-item-s" ectype="cateItem">
                            <div class="item-content-s">
                                <i class="pre-icon-s pre4-s"></i>
                                <div class="categorys-title-s">
                                    <strong>
                                        <a href="">家用电器</a>
                                    </strong>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="item-s categorys-item-s" ectype="cateItem">
                            <div class="item-content-s">
                                <i class="pre-icon-s pre5-s"></i>
                                <div class="categorys-title-s">
                                    <strong>
                                        <a href="">家居家装</a>
                                    </strong>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="item-s categorys-item-s" ectype="cateItem">
                            <div class="item-content-s">
                                <i class="pre-icon-s pre6-s"></i>
                                <div class="categorys-title-s">
                                    <strong>
                                        <a href="">食品生鲜</a>
                                    </strong>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="item-s categorys-item-s" ectype="cateItem">
                            <div class="item-content-s">
                                <i class="pre-icon-s pre7-s"></i>
                                <div class="categorys-title-s">
                                    <strong>
                                        <a href="">图书音像</a>
                                    </strong>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nav-main-s" id="nav-s">
                <ul class="navitems-s">
                    <li class="channel-s channel-now-s">
                        <a href="index-yushou1-sl" style="color: #f42424;">首页</a>
                    </li>
                    <li class="channel-s channel-now-s">
                        <a href="yushou02.html">新品发布</a>
                    </li>
                    <li class="channel-s channel-now-s">
                        <a href="yushou03.html">抢先定</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="lunbo-s">
        <!-- 2.写入轮播的html -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-color: rgb(53, 53, 53);"><img src="../commonImg/yushou-lunbo-03.png" alt=""></div>
                <div class="swiper-slide" style="background-color: rgb(31, 193, 138);"><img src="../commonImg/yushou-lunbo-01.png" alt=""></div>
                <div class="swiper-slide" style="background-color: rgb(72, 61, 105);"><img src="../commonImg/yushou-lunbo-02.png" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div> -->
        </div>
    </div>
    <!-- 招牌推荐 -->
    <div id="content-s">
        <div class="ecsc-sign-s w1200 w">
            <h1 class="preSale_title-s">招牌推荐</h1>
            <div class="sign-warpper-s">
                <div class="sign-left-s">
                    <a href="" target="_blank">
                        <img src="../commonImg/AOCxianshiqi.png" alt="" width="300" height="300">
                    </a>
                </div>
                <div class="sign-content-s">
                    <!-- 2.写入轮播的html -->
                    <div class="swiper-container1">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img class="content-img-s" src="../commonImg/yushoulunbo-1-05.png" alt=""></div>
                            <div class="swiper-slide"><img class="content-img-s" src="../commonImg/yushoulunbo-1-04.png" alt=""></div>
                            <div class="swiper-slide"><img class="content-img-s" src="../commonImg/yushoulunbo-1-01.png" alt=""></div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>

                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
                <div class="sign-right-s">
                    <a href="" target="_blank">
                        <img src="../commonImg/zhaopaitupian-02.png" alt="" width="300" height="300">
                    </a>
                </div>
            </div>
        </div>
        <div class="special-list-s w1200 pb40 w">
            <div class="special-item-s">
                <div class="title-s">
                    <h3>家居家装</h3>
                    <a href="">
                        <i class="special-icon-s special-icon-1-s"></i>
                    </a>
                </div>
                <div class="special-product-s">
                    <ul>
                        <li>
                            <div class="s-warp-s">
                                <div class="p-img-s">
                                    <a href="../index.html" target="_blank">
                                        <img src="../commonImg/jiajujiazhuang-01.jpg">
                                    </a>
                                </div>
                                <div class="p-price-s">
                                    <span>¥128.00</span>
                                    <del>¥153.60</del>
                                </div>
                                <div class="p-name-s">
                                    <a href="" target="_blank">马克华菲长袖T恤男士圆领修身韩版刺绣纯棉2017春装新款潮t 7002 立体3D绣花 欧美潮流范 17春装新品</a>
                                </div>
                                <div class="p-info-s">
                                    <div class="p-left-s">
                                        <div class="time" ectype="time" data-time="2022-01-31 11:56:03">
                                            倒计时<span class="days"></span>天&nbsp;<span class="hours"></span>:<span class="minutes"></span>:<span class="seconds"></span>
                                        </div>
                                        <div class="appointment">已有<em>9</em>人预约</div>
                                    </div>

                                    <p>预售商家：
                                        <a href="" target="_blank" class="name">商创自营</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="footer-new">
        <!-- 尾部的上面 -->
        <div class="footer-top">
            <div class="top-text">
                <div class="server-list">
                    <div class="list-item">
                        <div class="icon1 icon"></div><span>七天包退</span></div>
                    <div class="list-item">
                        <div class="icon icon2"></div><span>正品保障</span></div>
                    <div class="list-item">
                        <div class="icon icon3"></div><span>好评如潮</span></div>
                    <div class="list-item">
                        <div class="icon icon4"></div><span>闪电发货</span></div>
                    <div class="list-item">
                        <div class="icon icon5"></div><span>权威荣誉</span></div>
                </div>
                <div class="server-contant">
                    <div class="contant-first">
                        <div class="../icon1 icon"></div><span>4001-021-758</span>
                    </div>
                    <div class="contant-second">
                        <a href="#">
                            <div class="../icon2 icon"></div><span>资讯客服</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 尾部的中间 -->
        <div class="footer-center">
            <div class="center-banner">
                <div class="left">
                    <div class="left-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li><a href="#">售后流程</a></li>
                            <li><a href="#">订购流程</a></li>
                            <li><a href="#">订购方式</a></li>
                        </ul>
                    </div>
                    <div class="left-item">
                        <h3>配送与支付</h3>
                        <ul>
                            <li><a href="#">货到付款区域</a></li>
                            <li><a href="#">配送支付智能查询</a></li>
                            <li><a href="#">支付方式说明</a></li>
                        </ul>
                    </div>
                    <div class="left-item">
                        <h3>服务保证</h3>
                        <ul>
                            <li><a href="#">退换货原则</a></li>
                            <li><a href="#">售后服务保证</a></li>
                            <li><a href="#">产品质量保证</a></li>
                        </ul>
                    </div>
                    <div class="left-item">
                        <h3>联系我们</h3>
                        <ul>
                            <li><a href="#">网站故障报告</a></li>
                            <li><a href="#">选机咨询</a></li>
                            <li><a href="#">投诉与建议</a></li>
                        </ul>
                    </div>
                    <div class="left-item">
                        <h3>会员中心</h3>
                        <ul>
                            <li><a href="#">资金管理</a></li>
                            <li><a href="#">我的收藏</a></li>
                            <li><a href="#">我的订单</a></li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="right-item1 margin">
                        <div class="code">
                            <img src="../commonImg/ecjia_qrcode.jpg">
                        </div>
                        <div class="text">关注微信</div>
                    </div>
                    <div class="right-item1">
                        <div class="code">
                            <img src="../commonImg/ectouch_qrcode.jpg">
                        </div>
                        <div class="text">下载App</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bot">
            <div class="bot-banner">
                <p class="bot-p1">
                    <a href="#">首页</a><span class="spaer"></span>
                    <a href="#">隐私保护</a><span class="spaer"></span>
                    <a href="#">联系我们</a><span class="spaer"></span>
                    <a href="#">免责条款</a><span class="spaer"></span>
                    <a href="#">公司简介</a><span class="spaer"></span>
                    <a href="#">商家入驻</a><span class="spaer"></span>
                    <a href="#">供应商入驻</a><span class="spaer"></span>
                    <a href="#">意见反馈</a>
                </p>
                <p class="bot-p1">
                    <a href="#">b2b2c</a><span class="spaer"></span>
                    <a href="#">多用户商城系统</a><span class="spaer"></span>
                    <a href="#">商城系统</a><span class="spaer"></span>
                    <a href="#">ecjia新零售</a>
                </p>
                <p class="bot-p1">
                    ICP备案证书号沪ICP备14029880号- 5
                </p>
                <p class="bot-p1">
                    <a href="#">版权所有&copy;2005-2021大商创，并保留所有权利。POWERED BY DSCMALL</a>
                </p>
            </div>
        </div>
    </div>
    <link rel=" stylesheet " href="../css/yushou1-s.css ">
    <link rel="stylesheet " href="../css/public.css">
	<link rel="stylesheet" href="../css/yushou3-s.css">
    <link rel="stylesheet" href="../css/footer.css">
    <script src="../js/jquery-3.6.0.js "></script>
    <script src="../js/swiper.js"></script>
    <script src="../js/yushou1-s.js"></script>
	<script src="../js/commonJs.js"></script>
</body>

</html>